<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>Document</title>
		<link rel="stylesheet" type="text/css" href="../css/travel.css">
	</head>
	<body>
		<div class="select">
			<div>
				<div class="center select-t">
					<p>筛选</p>
					<span class="close">X</span>
				</div>
				<div class="select-b">
					<p>想看到的用户</p>
					<div class="sex">
						<div class="blue all">全部</div>
						<div class="s-girl" data-sex="女"><img src="../img/female-n.png">女</div>
						<div class="s-boy" data-sex="男"><img src="../img/male-n.png">男</div>
					</div>
					<div class="sure center" style="opacity: 0">确定</div>
				</div>
			</div>
		</div>
		<header>
			<a href="javascript:history.back(-1)" class="back"><img src="../img/back.png" height="18px"></a>
			<div class="center title">结伴旅游</div>
		</header>
		<main>
			<div class="title">性别选择 <img src="../img/filtration.png" height="15px" class="filtrate"></div>
			<div class="travel_wrap">
			<!-- <a href="information-t.html" class="n-underline">
				<div class="xs">
					<div class="flex">
						<div class="head">
							<img src="../img/logo.png" width="50px">
						</div>
						<div class="head-r">
							<div class="flex information">
								<div class="flex">小野
									<p class="boy flex">
										<img src="../img/female-s.png" height="7px"> 23
									</p>
								</div>
							</div>
							<div class="kuang">有人星期天一起去西冲吗？</div>
							<div class="flex">
								<img src="../img/site.png" height="10px" height="10px">&nbsp;
								<p>西冲-坂田</p>
							</div>
							<div class="flex">
								<img src="../img/time.png" height="11px">&nbsp;
								<p>4月20日下午5点</p>
							</div>
							
						</div>
					</div>
				</div>
			</a>
			<a href="information-t.html" class="n-underline">
				<div class="xs">
					<div class="flex">
						<div class="head">
							<img src="../img/logo.png" width="50px">
						</div>
						<div class="head-r">
							<div class="flex information">
								<div class="flex">小野
									<p class="girl flex">
										<img src="../img/female-s.png" height="7px"> 23
									</p>
								</div>
							</div>
							<div class="kuang">有人星期天一起去西冲吗？</div>
							<div class="flex">
								<img src="../img/site.png" height="10px" height="10px">&nbsp;
								<p>西冲-坂田</p>
							</div>
							<div class="flex">
								<img src="../img/time.png" height="11px">&nbsp;
								<p>4月20日下午5点</p>
							</div>
							<a href="../html/report.html"><img src="../img/report.png"
									height="15px" class="report"></a>
						</div>
					</div>
				</div>
			</a> -->
			</div>
		</main>
		

		<script src="../js/jquery-3.3.1.js"></script>
		<script src="../js/party.js"></script>
	</body>
</html>	
<script type="text/javascript">
	$.ajax({
			type:"post",
			url:"/meiyou/selTourVo",
			success:function  (data) {
				
					console.log(data);
					$.each(data,function(i,val){
						if(val.t_sex=="男"){
						$('.travel_wrap').append("<a href='information-t.html?id="+val.t_id+"' class=\"n-underline\">" +
						        "<div class=\"xs\">" +
						        "<div class=\"flex\">" +
						        "<div class=\"head\">" +
						        "<img src='"+val.u_img+"' width=\"50px\">" +
						        "</div>" +
						        "<div class=\"head-r\">" +
						        "<div class=\"flex information\">" +
						        "<div class=\"flex\">"+val.t_u_count+
						        "<p class=\"boy flex\">" +
						        "<img src=\"../img/male-s.png\" height=\"7px\">"+val.u_old +
						        "</p>" +
						        "</div>" +
						        "</div>" +
						        "<div class=\"kuang\">"+val.t_count+"</div>" +
						        "<div class=\"flex\">" +
						        "<img src=\"../img/site.png\" height=\"10px\" height=\"10px\">&nbsp;" +
						        "<p>"+val.t_faddress+"-"+val.t_taddress+"</p>" +
						        "</div>" +
						        "<div class=\"flex\">" +
						        "<img src=\"../img/time.png\" height=\"11px\">&nbsp;" +
						        "<p>"+val.t_sdate+"</p>" +
						        "</div>" +
						        "<a href='../html/report.html?id="+val.t_u_count+"&type=data'><img src=\"../img/report.png\"" +
						        "height=\"15px\" class=\"report\"></a>" +
						        "</div>" +
						        "</div>" +
						        "</div>" +
						        "</a>");
							}else{
								$('.travel_wrap').append("<a href='information-t.html?id="+val.t_id+"' class=\"n-underline\">" +
						        "<div class=\"xs\">" +
						        "<div class=\"flex\">" +
						        "<div class=\"head\">" +
						        "<img src='"+val.u_img+"' width=\"50px\">" +
						        "</div>" +
						        "<div class=\"head-r\">" +
						        "<div class=\"flex information\">" +
						        "<div class=\"flex\">"+val.t_u_count+
						        "<p class=\"girl flex\">" +
						        "<img src=\"../img/female-s.png\" height=\"7px\">"+val.u_old +
						        "</p>" +
						        "</div>" +
						        "</div>" +
						        "<div class=\"kuang\">"+val.t_count+"</div>" +
						        "<div class=\"flex\">" +
						        "<img src=\"../img/site.png\" height=\"10px\" height=\"10px\">&nbsp;" +
						        "<p>"+val.t_faddress+"-"+val.t_taddress+"</p>" +
						        "</div>" +
						        "<div class=\"flex\">" +
						        "<img src=\"../img/time.png\" height=\"11px\">&nbsp;" +
						        "<p>"+val.t_sdate+"</p>" +
						        "</div>" +
						        "<a href='../html/report.html?id="+val.t_u_count+"&type=data'><img src=\"../img/report.png\"" +
						        "height=\"15px\" class=\"report\"></a>" +
						        "</div>" +
						        "</div>" +
						        "</div>" +
						        "</a>");
							}
						
					});
				
			}
		});
$('.sex div:nth-child(1)').click(function(){
	window.location.reload();
});
$('.sex div').click(function(){
	var sex=$(this).attr('data-sex');
	console.log(sex);
	$.post('/meiyou/selTourVoTerm',{sex:sex},function(data){
		console.log(data);
		$('.travel_wrap').html('');
		$('.select').hide();
			$.each(data,function(i,val){
						if(val.t_sex=="男"){
							$('.travel_wrap').append("<a href='information-t.html?id="+val.t_id+"' class=\"n-underline\">" +
										        "<div class=\"xs\">" +
										        "<div class=\"flex\">" +
										        "<div class=\"head\">" +
										        "<img src='"+val.u_img+"' width=\"50px\">" +
										        "</div>" +
										        "<div class=\"head-r\">" +
										        "<div class=\"flex information\">" +
										        "<div class=\"flex\">"+val.t_u_count+
										        "<p class=\"boy flex\">" +
										        "<img src=\"../img/male-s.png\" height=\"7px\">"+val.u_old +
										        "</p>" +
										        "</div>" +
										        "</div>" +
										        "<div class=\"kuang\">"+val.t_count+"</div>" +
										        "<div class=\"flex\">" +
										        "<img src=\"../img/site.png\" height=\"10px\" height=\"10px\">&nbsp;" +
										        "<p>"+val.t_faddress+"-"+val.t_taddress+"</p>" +
										        "</div>" +
										        "<div class=\"flex\">" +
										        "<img src=\"../img/time.png\" height=\"11px\">&nbsp;" +
										        "<p>"+val.t_sdate+"</p>" +
										        "</div>" +
										        "<a href='../html/report.html?id="+val.t_u_count+"&type=data'><img src=\"../img/report.png\" height=\"15px\" class=\"report\"></a>" +
										        "</div>" +
										        "</div>" +
										        "</div>" +
										        "</a>");
						
						}else{
							$('.travel_wrap').append("<a href='information-t.html?id="+val.t_id+"' class=\"n-underline\">" +
										        "<div class=\"xs\">" +
										        "<div class=\"flex\">" +
										        "<div class=\"head\">" +
										        "<img src='"+val.u_img+"' width=\"50px\">" +
										        "</div>" +
										        "<div class=\"head-r\">" +
										        "<div class=\"flex information\">" +
										        "<div class=\"flex\">"+val.t_u_count+
										        "<p class=\"girl flex\">" +
										        "<img src=\"../img/female-s.png\" height=\"7px\">"+val.u_old +
										        "</p>" +
										        "</div>" +
										        "</div>" +
										        "<div class=\"kuang\">"+val.t_count+"</div>" +
										        "<div class=\"flex\">" +
										        "<img src=\"../img/site.png\" height=\"10px\" height=\"10px\">&nbsp;" +
										        "<p>"+val.t_faddress+"-"+val.t_taddress+"</p>" +
										        "</div>" +
										        "<div class=\"flex\">" +
										        "<img src=\"../img/time.png\" height=\"11px\">&nbsp;" +
										        "<p>"+val.t_sdate+"</p>" +
										        "</div>" +
										        "<a href='../html/report.html?id="+val.t_u_count+"&type=data'><img src=\"../img/report.png\"" +
										        "height=\"15px\" class=\"report\"></a>" +
										        "</div>" +
										        "</div>" +
										        "</div>" +
										        "</a>");
						
						}
						});
		


	});


});

</script>